<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    
</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header_top">
            <div class="user-nav">
                <div class="current-user">
                    <span class="cu-name">樊明</span>
                    <div class="userboxinfo">
                        <ul class="ul_userlist">
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
                欢迎您登录
            </div>
        </div>
        <div class="header_con">
            <a href="#" class="logo">
                <img src="images/logo.png">
            </a>
        </div>
    </div>
    <!--end头部-->
    <!--菜单-->
    <div class="headernav">
        <div class="head_nav">
            <!--菜单-->
            <div class="source_menu">
                <div class="menu_btn">资源</div>
                <div class="menu_list">
                    <ul class="has_sub">
                        <li class="active">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--end 菜单-->
            <!--一级按钮-->
            <div class="operate-btns">
                <a href="javascript:;" class="fbtn fb-refresh">刷新</a>
                <a href="javascript:void(0)" class="fbtn fb-modify">修改</a>
                <a href="javascript:void(0)" class="fbtn fb-add">添加</a>
                <a href="javascript:void(0)" class="fbtn fb-remove">删除</a>
                <a href="javascript:void(0)" class="fbtn fb-save">保存</a>
            </div>
            <!--end 一级按钮-->
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">供应商</a></li>
                <li><a href="#">资料信息</a></li>
                <li><a href="#">企业资料</a></li>
            </ol>
            <h3 class="current_module">角色配置</h3>
        </div>
    </div>
    <!--end菜单-->
    <div class="content">
        <div class="bd-lft">
            <div class="main">
                <div id="toolbar">
                    <button cation="remove" class="btn btn-danger">
                      <i class="glyphicon glyphicon-remove"></i> Delete
                  </button>
                </div>
                <table id="table"></table>
            </div>
            <div class="aside" style="width:200px;left:-210px;">
                <button id="layer" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> 弹出iframe
              </button>
                <button id="layer1" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> msg
              </button>
                <button id="layer2" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> alert
              </button>
                <button id="layer3" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> confirm
              </button>
                <button id="layer4" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> prompt input
              </button>
                <button id="layer5" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> prompt text
              </button>
                <button id="layer6" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> prompt password
              </button>
                <button id="layer7" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> tab
              </button>
                <button id="layer8" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> open1
              </button>
                <button id="layer9" class="btn btn-danger">
                      <i class="glyphicon glyphicon-pencil"></i> open 图片
              </button>
                <p id="tree"></p>
                <input type="text" action="date" data-date-format="yyyy-mm-dd">
                <ul id="ul1">
                    <li>1</li>
                    <li>4</li>
                    <li>4</li>
                    <li>2</li>
                    <li>4</li>
                    <li>4</li>
                    <li>3</li>
                    <li>4</li>
                    <li>4</li>
                    <li>4</li>
                    <li>4</li>
                    <li>4</li>
                </ul>
                <div id="demo">
                    <div class="zui_scroll">
                        <div class="box" style="background:#546B8B">滚动条在这里</div>
                        <div class="box" style="background:#5ACDE5">2</div>
                        <div class="box" style="background:#483362">3</div>
                        <div class="box" style="background:#723E4B">4</div>
                        <div class="box" style="background:#546B8B">5</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bd-rgt">
            <div class="main">
                <p>主内容栏自适应宽度</p>
            </div>

            <div class="aside">
                <p>侧边栏固定宽度</p>
            </div>
        </div>

        <div class="bd-3-lr">
            <div class="main">
                <p>主内容栏自适应宽度</p>
            </div>

            <div class="aside-1">
                <p>侧边栏1固定宽度</p>
            </div>

            <div class="aside-2">
                <p>侧边栏2固定宽度</p>
            </div>
        </div>

        <div class="bd-3-ll">
            <div class="main">
                <p>主内容栏自适应宽度</p>
            </div>

            <div class="aside-1">
                <p>侧边栏1固定宽度</p>
            </div>

            <div class="aside-2">
                <p>侧边栏2固定宽度</p>
            </div>
        </div>

        <div class="bd-3-rr">
            <div class="main">
                <p>主内容栏自适应宽度</p>
            </div>

            <div class="aside-1">
                <p>侧边栏1固定宽度</p>
            </div>

            <div class="aside-2">
                <p>侧边栏2固定宽度</p>
            </div>
        </div>
    </div>
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>